<!--  -->
<template>
  <div>插槽
   <SlotCom>
      <template #header="{user}">
        <div>头部
          {{ user.name }}
        </div>
      </template>
      <template #footer>
        <div>尾部</div>
      </template>
   </SlotCom>
  </div>
</template>

<script lang='ts' setup>
import { reactive,toRefs,ref,onMounted} from 'vue'
import SlotCom from './SlotCom.vue';



</script>
<style scoped>
</style>